<template>
	<div class="nav" v-show="$store.state.isShowNav">
		<img class="login" src="../assets/images/logo_mtime.png" />
		<router-link to="/home">首页</router-link>
		<router-link to="/buy">购票</router-link>
		<router-link to="/shop">商城</router-link>
		<router-link to="/find">发现</router-link>
		<router-link to="/login">
			<img src="../assets/images/ico_my.png" />
		</router-link>
	</div>
</template>

<script>

</script>

<style lang="scss" scoped>
	@import "~@/assets/css/common.scss";

	.nav {
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: #333;

		.login {
			width: vw(65);
			height: vw(21);
		}

		a {
			display: inline-block;
			color: #bbb;
			font-size: vw(16);
			padding: vw(14) 0;

			img {
				width: vw(16.5);
				height: vw(21);
			}
		}

		a:not(:nth-child(6)).router-link-active {
			color: #fff;
			font-weight: bold;
			border-bottom: 2px solid #fff;
		}
	}
</style>
